<template>
  <div class="app-container">
    <div class="map-class">
      <!-- 增加title 根据文本自动增加title -->
      <div v-showTitle="'1123'">{{ title }}</div>
    </div>
  </div>
</template>

<script>
export default {
  mixins: [],
  components: {},
  props: {},
  data() {
    return {
      title: '文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没文本溢出了没'
    };
  },
  computed: {},
  watch: {},
  mounted() {},
  created() {
    setTimeout(() => {
      this.title = '111111111111111111111111111111111111111111111'
    },5000)
  },
  methods: {},
};
</script>

<style scoped lang="scss">
</style>
